<extend name="Public/base" />
<block name="list">

	<div class="sel-op clearfix" >
		<div class="sel-area fl">
			<div class="buy-tit">
				免费卖车
				<span> <em class="orgtext">平均7天卖出</em>
					已有 <em class="clue_num">1534426</em>
					人提交申请
				</span>
			</div>
			<div class="sell-car-box" data-value-domain="bj">
				<form action="{:U('Index/reg')}" method="post" class="clearfix" data-role="sell_form">
					<input class="sell-phone-input" data-role="sellPhone" placeholder="请输入手机号码" type="text">
					<button class="sell-phone-submit" data-clue-entry="03">我要卖车</button>
					<input name="source_type" value="" type="hidden"></form>
				<p class="sell-phone-error"></p>
				<div class="submit-suc" style="display: none"> <i></i>
					提交成功！
						<a href="{:U('Index/index')}" data-role="go_back">返回</a>
				</div>
			</div>
			<div class="buy-tit">
				我要买车
				<span>1年2万公里质保</span>
			</div>
			<div class="sx">
			<!-- .more-city{height:32px;line-height:32px;border-top:1px solid #e7e7e7;color:#b8b8b8;padding-left:15px} -->
				<div class="sx-pinpai" style="padding-left:10px">
					<div class="dt">品牌</div>
					<div class="dd" id="baidu_alog">

						<foreach></foreach>
							<a baidu_alog="pc_index_fastPick_brand&amp;click&amp;pc_index_fastPick_brand_dazhong_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_brand_c" class="i-dazhong" href="{:U('Index/lists',['id'=>'18'])}" ><!-- <img src="__PUBLIC__/image/dz.gif" style="float:top  ;"  alt=""> -->大众</a>
							<a baidu_alog="pc_index_fastPick_brand&amp;click&amp;pc_index_fastPick_brand_toyota_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_brand_c" href="{:U('Index/lists',['id'=>'27'])}" class="i-toyota">丰田</a>
							<a baidu_alog="pc_index_fastPick_brand&amp;click&amp;pc_index_fastPick_brand_honda_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_brand_c" href="{:U('Index/lists',['id'=>'8'])}" class="i-honda">本田</a>
							<a baidu_alog="pc_index_fastPick_brand&amp;click&amp;pc_index_fastPick_brand_benz_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_brand_c" href="{:U('Index/lists',['id'=>'7'])}" class="i-benz">奔驰</a>
							<a baidu_alog="pc_index_fastPick_brand&amp;click&amp;pc_index_fastPick_brand_bmw_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_brand_c" href="{:U('Index/lists',['id'=>'3'])}" class="i-bmw">宝马</a>
							<a baidu_alog="pc_index_fastPick_brand&amp;click&amp;pc_index_fastPick_brand_audi_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_brand_c" href="{:U('Index/lists',['id'=>'1'])}" class="i-audi">奥迪</a>

						<span class="tip-right"></span>
					</div>
					<div class="ppmore" style="float:left;position:absolute;top:131px;left:412px;background:white;padding:5px;margin:0;display:none;z-index:100;border:2px solid green;">
						<div class="leftline"></div>
						<p>所有品牌</p>
						<table class="tbl">
							<tbody>

								<foreach name="data1" item="vo" key="k">

								<tr>
									<td class="zm" >&nbsp;{$k}&nbsp;</td>

									<foreach name="vo" item="vo1">
									<td>
											<a baidu_alog="pc_index_fastPick_brand&amp;click&amp;pc_index_fastPick_brand_all_c" href="{:U('Index/lists',['id'=>$vo1['id']])}">{$vo1['typename']}</a>
									</td>
									</foreach>
								</tr>
								</foreach>
							</tbody>
						</table>
						<table class="tbr">
							<tbody>

								<foreach name="data2" item="vo2" key="j">
								<tr>
									<td class="zm">{$j}</td>
									<foreach name="vo2" item="vo3">
									<td>
											<a baidu_alog="pc_index_fastPick_brand&amp;click&amp;pc_index_fastPick_brand_all_c" href="{:U('Index/list',['id'=>$vo3['id']])}">{$vo3['typename']}</a>
									</td>
									</foreach>
								</tr>
								</foreach>
							</tbody>
						</table>
					</div>
				</div>

				<script type="text/javascript">
                    $(function(){
                         $('.sx-pinpai').mouseover(function(){

                                $(this).css('border','solid green 2px');
                                $('.ppmore').css('display','inline');



                         }).mouseleave(function(){


                             $('.ppmore').css('display','none');
                             $(this).css('border','none');

                         })


                    })


				</script>
				<div class="sx-price">
					<div class="dt">价格</div>
					<div class="dd">
							<a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_5_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" target="_blank" gjalog="100000000049000100000010" href="">5万以下</a>
							<a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_5_10_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" target="_blank" gjalog="100000000049000100000010" href="#">5-10万</a>
							<a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_10_15_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" target="_blank" gjalog="100000000049000100000010" href="#">10-15万</a>
							<a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_15_20_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" target="_blank" gjalog="100000000049000100000010" href="#">15-20万</a>
							<a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_20_30_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" target="_blank" gjalog="100000000049000100000010" href="#">20-30万</a>
							<a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_30_40_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" target="_blank" gjalog="100000000049000100000010" href="#">30-40万</a>
							<a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_40_60_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" target="_blank" gjalog="100000000049000100000010" href="#">40-60万</a>
							<a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_60_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" target="_blank" gjalog="100000000049000100000010" href="#">60万以上</a>
					</div>
				</div>
				<div class="sx-chexing">
					<div class="dt">车型</div>
					<div class="dd">
							<a baidu_alog="pc_index_fastPick_chexing&amp;click&amp;pc_index_fastPick_type_suv_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_chexing_c" href="#" class="x-suv">SUV</a>
							<a baidu_alog="pc_index_fastPick_chexing&amp;click&amp;pc_index_fastPick_type_mpv_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_chexing_c" href="#" class="x-mpv">MPV</a>
							<a baidu_alog="pc_index_fastPick_chexing&amp;click&amp;pc_index_fastPick_type_paoche_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_chexing_c" href="#" class="x-paoche">跑车</a>
							<a baidu_alog="pc_index_fastPick_chexing&amp;click&amp;pc_index_fastPick_type_xiaojiaoche_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_chexing_c" href="#" class="x-sanxiang">轿车</a>
					</div>
				</div>
			</div>
		</div>
		<div class="op-area fr">
			<!--banner -->
			<div class="op-slide index-1" data-widget="app/ms_v2/widget/slide.js" data-slide-fn="app/ms_v2/self_service/page/promotion_index.js#slideFn" data-interval="3000">
				<div data-role="list">
					<div class="slide-li" data-role="item" style="background: transparent url() no-repeat scroll center center; display: none;" baidu_alog="banner&amp;&amp;click&amp;&amp;index_top_banner_0">
							<a baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_topYunying_banner_1_c" gjalog="pc_index_topYunying&amp;click&amp;pc_index_topYunying_bane" target="_blank" href="#" class="ban_a"></a>
					</div>
					<div class="slide-li" data-role="item" style="background: transparent url() no-repeat scroll center center; display: block;">
							<a baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_topYunying_banner_0_c" target="_blank" href="#"><img src="__PUBLIC__/image/zhu.gif" alt=""></a>
					</div>
				</div>

				<div class="slide-ctrl">
					<span class="on" data-role="point" data-slide-to="0"></span>
					<span class="on active" data-role="point" data-slide-to="1"></span>
				</div>
			</div>
			<!--三个运营位 -->
			<div class="op-img">
				<ul class="clearfix">
					<li>
							<a class="gz-finance" baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_topYunying_banenr_sub1_fenqi_c" href="#"><img src="__PUBLIC__/image/fg.gif" alt="好车故事"></a>
					</li>
					<li>
							<a baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_topYunying_banenr_sub2_c" href="#" target="_blank">
							<img src="__PUBLIC__/image/guazi_story.jpg" alt="好车故事"></a>
					</li>
					<li>
							<a baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_topYunying_banenr_sub3_c" href="#" target="_blank">
							<img src="__PUBLIC__/image/guazi_learn.jpg" alt="瓜子用车知识讲堂"></a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!--banner显示 e -->

	<!--服务介绍 s-->
	<ul class="ser-gua clearfix">
		<li> <i class="ser-1"><img src="__PUBLIC__/image/bai.gif"></i>
			100%个人二手车
		</li>
		<li>
			<i class="ser-2"><img src="__PUBLIC__/image/jian.gif"></i>
			259项全面检测
		</li>
		<li>
			<i class="ser-3"><img src="__PUBLIC__/image/tui.gif"></i>
			14天可退
		</li>
		<li>
			<i class="ser-4"><img src="__PUBLIC__/image/bao.gif"></i>
			1年2万公里质保
		</li>
	</ul>
	<!--首页帖子列表 s-->
	<div class="w
     indexTab">
		<div class="title clearfix">
				<a baidu_alog="index_tabselect&amp;click&amp;pc_index_tabSelect_right_morecar_c" class="all-car" href="#" gjalog="100000000051000100000010">查看全部&gt;&gt;</a>
			<span class="ti-left">
				<span class="">热门好车</span>
				<a class="xiang" qun='1' baidu_alog="pc_index_tabSelect_detailCar&amp;mouseenter&amp;pc_index_tabSelect_detailCar_guesslike_h  " href="{:U('Index/index',['qun'=>
					1])}" data-role="tabSelect" gjalog="100000000564000100000011">猜您喜欢
				</a>
				<a class="xiang" qun='2' baidu_alog="pc_index_tabSelect_detailCar&amp;mouseenter&amp;pc_index_tabSelect_detailCar_new_sale_h " href="{:U('Index/index',['qun'=>
					2])}" data-role="tabSelect" gjalog="100000000967000100000010">最新上架
				</a>
				<a class="xiang" qun='3' baidu_alog="pc_index_tabSelect_detailCar&amp;mouseenter&amp;pc_index_tabSelect_detailCar_jishou_h" href="{:U('Index/index',['qun'=>
					3])}" data-role="tabSelect" gjalog="100000000968000100000010">降价急售
				</a>
				<a class="xiang" qun='4' baidu_alog="pc_index_tabSelect_detailCar&amp;mouseenter&amp;pc_index_tabSelect_detailCar_zhunxin_h" href="{:U('Index/index',['qun'=>
					4])}" data-role="tabSelect" gjalog="100000000970000100000010">准新车
				</a>
				<a class="xiang" qun='5' baidu_alog="pc_index_tabSelect_detailCar&amp;mouseenter&amp;pc_index_tabSelect_detailCar_lianshou_h" href="{:U('Index/index',['qun'=>
					5])}" data-role="tabSelect" gjalog="100000000969000100000010">练手车
				</a>
				<a class="xiang" qun='6' baidu_alog="pc_index_tabSelect_detailCar&amp;mouseenter&amp;pc_index_tabSelect_detailCar_suv_h" href="{:U('Index/index',['qun'=>
					6])}" data-role="tabSelect" gjalog="100000000971000100000010">SUV
				</a>
			</span>
		</div>

		<!--帖子列表 -->

	</div>
	<!--首页帖子列表 e -->
	<div data-role="showList" style="position:relative;left:120px;">
	  		<div class="list" style="display:inline;">
			<ul class="list-bigimg clearfix">
			
				<foreach name="xin" item="vo">
					<li>
			
						<div class="list-infoBox">
								<a baidu_alog="pc_index_tabSelect_detailCar&amp;click&amp;pc_index_tabSelect_new_sale_post_c" title="{$vo['pai']}{$vo['typename']} {$vo['year']}款 {$vo['typename']} {$vo['gas']} 自动 {$vo['gas']}" target="_blank" class="imgtype" href="{:U('Index/detail',['id'=>
							$vo['id']])}">
								<img width="290" height="194" src="__PUBLIC__/{$vo['cpic']}" alt="{$vo['pai']}{$vo['typename']} {$vo['year']}款 {$vo['typename']} {$vo['gas']} 自动 {$vo['gas']}"></a>
							<p class="infoBox">
									<a baidu_alog="pc_index_tabSelect_detailCar&amp;click&amp;pc_index_tabSelect_new_sale_post_c" title="{$vo['pai']}{$vo['typename']} {$vo['year']}款 {$vo['typename']} {$vo['gas']} 自动 {$vo['gas']}" href="{:U('Index/detail',['id'=>
							$vo['id']])}" target="_blank" class="info-title">
									{$vo['pai']}{$vo['typename']} {$vo['year']}款 {$vo['typename']} {$vo['gas']} 自动 {$vo['comfort']}
								</a>
							</p>
							<p class="fc-gray">
								<span class="">{$vo['ontime']}上牌</span>
								<em class="shuxian">|</em>
								行驶{$vo[mile]}万公里
							</p>
							<p class="priType-s">
								<span>
									<i class="fc-org priType">{$vo['price']}万</i>
								</span>
								<s>{$vo['nprice']}万</s>
							</p>
						</div>
					</li>
			
				</foreach> 

			</ul>
			<div class="all-car-link">
					<a baidu_alog="pc_index_tabSelect_detailCar&amp;click&amp;pc_index_tabSelect_guesslike_more_c" href="{:U('Index/lists')}">更多猜你喜欢</a>
			</div>
		</div>

	</div>

	<!--底部推广 s-->
	<div class="w gz-zq">
		<div class="value-tit clearfix">
			<p class="v-tit fl">
				瓜子精选
				<span>精选好车好文，给找车添点乐趣</span>
			</p>
		</div>
		<div class="zq-crm clearfix">
			<div class="zq-area fl" data-widget="app/ms_v2/vehicle/c2c/right_c2c_slideshow.js">
				<ul class="zhuantui-ul" data-role="slide_container" style="margin-left: 0px;">
				<foreach name="photo" item="vo1">
					<li baidu_alog="pc_index_buttom_banner&amp;click&amp;index_yunying_bottom_Racing_banner_c">
							<a gjalog="100000001334000100000010" href="#" target="_blank">
							<img src="__PUBLIC__/{$vo1['photo']}" alt="Racing"></a>
					</li>
				</foreach>

				</ul>
					<a href="#" class="slider-prev" data-role="prev_btn" baidu_alog="slider&amp;&amp;click&amp;&amp;index_yunying_bottom_banner_lsilder">&lt;</a>
					<a href="#" class="slider-next" data-role="next_btn" baidu_alog="slider&amp;&amp;click&amp;&amp;index_yunying_bottom_banner_rsilder">&gt;</a>
			</div>
			<script type="text/javascript">
                 $(function(){
                       
                        var len = $('.zhuantui-ul li').length;
                       //  console.log(len); 
                       var i=0; var j =1;var s;
                function run(){
                      s = setInterval(function(){

                            // 
                           $('.zhuantui-ul li').css('display','none');

                            $('.zhuantui-ul li:eq('+i+')').css('display','inline');
                            $('.zhuantui-ul li:eq('+j+')').css('display','inline');

                            i++;
                            j++;

                            if(j>=len){

                                j=1;
                            }
                            if(i>j){

                                i=0;
                            }


                       },3000)


                      }

                      run();

                      $('.zhuantui-ul li').mouseover(function(){

                          clearInterval(s);

                      }).mouseleave(function(){

                      	   run();
                      })

                 })

			</script>
			<ul class="crm-area fr">
				<li>
						<a target="_blank" baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_bottomYunying_wenzhang_c" href="#">马虎不得 洗车时不一定会注意到的死角</a>
				</li>
				<li>
						<a target="_blank" baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_bottomYunying_wenzhang_c" href="#">不用像偷车贼！达人教你一眼认出高低配</a>
				</li>
				<li>
						<a target="_blank" baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_bottomYunying_wenzhang_c" href="#">众说纷纭 到底选择什么燃油标号合适？</a>
				</li>
				<li>
						<a target="_blank" baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_bottomYunying_wenzhang_c" href="#">又到春暖花开时 自驾撞到狗该怎么办？</a>
				</li>
				<li>
						<a target="_blank" baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_bottomYunying_wenzhang_c" href="#">动态检查之 怠速油门和刹车</a>
				</li>
				<li class="crm-link">
						<a target="_blank" baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_bottomYunying_wenzhang_checkAll_c" href="#">查看全部&gt;&gt;</a>
				</li>
			</ul>
		</div>
	</div>
	<!--底部推广 e -->

	<script type="text/javascript">	
          $(function(){
 
                                   
              $('.xiang').mouseover(function(){

                      var value = $(this).attr('qun'); 

                     // console.log(value);

                      $(this).css('display','inline');

                     var str;

                    $.post('{:U('Index/find')}',{'qun':value},function(msg){

                      for(var j in msg){

                         str +='<li><div class="list-infoBox"><a baidu_alog="pc_index_tabSelect_detailCar&amp;click&amp;pc_index_tabSelect_new_sale_post_c" title="'+msg[j]['pai']+''+msg[j]['typename']+' '+msg[j]['ontime']+'款 '+msg[j]['comfort']+' '+msg[j]['gas']+' '+msg[j]['series']+'" target="_blank" class="imgtype" href="'+msg[j]['id']+'"><img src="__PUBLIC__/'+msg[j]['cpic']+'" alt="'+msg[j]['pai']+''+msg[j]['typename']+' '+msg[j]['ontime']+'款 '+msg[j]['comfort']+' '+msg[j]['gas']+' '+msg[j]['series']+'" height="194" width="290"></a><p class="infoBox"><a baidu_alog="pc_index_tabSelect_detailCar&amp;click&amp;pc_index_tabSelect_new_sale_post_c" title="'+msg[j]['pai']+''+msg[j]['typename']+' '+msg[j]['ontime']+'款 '+msg[j]['comfort']+' '+msg[j]['gas']+' '+msg[j]['series']+'" href="" class="info-title">'+msg[j]['pai']+''+msg[j]['typename']+' '+msg[j]['ontime']+'款 '+msg[j]['comfort']+' '+msg[j]['gas']+' '+msg[j]['series']+'</a></p><p class="fc-gray"><span class="">'+msg[j]['ontime']+'上牌</span><em class="shuxian">|</em>行驶'+msg[j]['mile']+'万公里</p><p class="priType-s"><span><i class="fc-org priType">'+msg[j]['price']+'万</i></span><s>'+msg[j]['nprice']+'万</s></p></div></li>';
                        
                       }
                      
                   $('.list-bigimg clearfix').text(str);

                    });

                 
                })



          })



	</script>

</block>